/*css reset*/
html,body{height: 100%;-webkit-user-select:none;user-select:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
body{max-width: 640px; margin: 0 auto;background: transparent;line-height: 1;font-size: 12px;-webkit-overflow-scrolling : touch;font-family: Helvetica, Arial, "PingFang SC";}
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; }
a,button,input, select, textarea,div,span {-webkit-tap-highlight-color:rgba(255,255,255,0);}
table{border-collapse:collapse; border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
ul,ol,li{list-style:none;}
em,i{font-style:normal;}
img{border:none;}

::-webkit-input-placeholder {  color:#ccc!important; font-weight: normal !important;}
::-webkit-input-placeholder { /* WebKit browsers */color:#000 ;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#ccc ;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color:#ccc ;}
:-ms-input-placeholder { /* Internet Explorer 10+ */color:#ccc ;}
input[type="text"],input[type="search"]{ background-color:#fff;box-sizing: inherit;}
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"] ,textarea {-webkit-appearance: none;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
[hidden],template {display: none;}
mark {background: #ff0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup {font-style: normal;font-weight: normal;}
a,a:visited{text-decoration: none; color: #565a64; outline: 0;}
a:active{outline: none;}
textarea{ resize:none;}
button[disabled],html input[disabled] {cursor: default;}
.clearfix:after{content:".";display:block;height:0;overflow:hidden;visibility:hidden;clear:both;width:100%}
*:focus{ outline: none;}
#instructionWrap,.swiper-container{width: 100%;height: 100%;}
.swiper-slide{transform:translate3d(0,0,0);overflow:hidden;}
.swiper-slide img{transform:translate3d(0,0,0)}
#instructionWrap{background: url(../img/instructionBg.png) no-repeat left top;background-size: 100% 100%;-webkit-background-size: 100% 100%;}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:0.4rem}
.swiper-pagination-bullet-active{width: 0.12rem;height: 0.12rem;background: #11DAA2 !important;}
.swiper-pagination-bullet{width: 0.12rem;height: 0.12rem;background: #464646;opacity: 1;}
.imgBox{width: 100%;height: 7.76rem;text-align: center;position: relative;}
.pic1{width: 5.8rem;height: 4.84rem;margin-top: 0.8rem;}
.imgBox .pic2{width: 6rem;height: 4.2rem;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.imgBox .pic12{width: 6.36rem;height: 6.12rem;margin-top: 0.8rem;}
.colorTitle{text-align: center;color: rgba(17,218,162,0.9);font-size: 0.36rem;margin-bottom: 0.24rem;}
.line{margin-bottom: 0.46rem;}
.line span{display: block;width: 0.3rem;height: 0.03rem;background: rgba(17,218,162,0.9);margin: 0 auto;}
.textInstruction{text-align: center;font-size: 0.28rem;color: rgba(94,94,94,0.9);margin-bottom: 0.24rem;}
.phoneBox{width: 5.04rem;height: 5.95rem;position: absolute;top: 0.4rem;right: 0.36rem;}
.phoneBox .pic_phone{width: 100%;height: 100%;}
.pic_bracele1,.pic_bracele2,.pic_bracele5{width: 3.35rem;height: 3.92rem;position: absolute;left: 0.8rem;bottom: 1.2rem;z-index: 10;transform:translate3d(0,0,0)}
.pic_bracele4{width: 3.5rem;height: 3.94rem;position: absolute;right: 0.6rem;top: 2.9rem;z-index: 10;transform:translate3d(0,0,0)}
.lunboBox{width: 2.39rem;height: 4.6rem;position: absolute;top: 0.96rem;left: 1.4rem;}
.lunboBox .lunbo_pic1{width: 2.39rem;height: 4.27rem}
.kuwan_pic{width: 0.7rem;height: 0.72rem;position: absolute;right: 0.36rem;bottom: 0;z-index: 5;}
.swiper-container2{overflow-x: hidden;overflow-y: visible;}
.lunboBoxHandle{width: 1.86rem;height: 5.94rem;position: absolute;left: 50%;top: 0.48rem;margin-left: -0.93rem;}
.pic_5,.pic_8,.pic_4,.pic_6,.pic_7{width: 100%;height: 100%;}
.pic_charge{width: 2.64rem;height: 2.6rem;position: absolute;right: 0.8rem;bottom: 1.4rem;}
.lunboBoxStep{width: 3.52rem;height: 5.09rem;position: absolute;top: 1.02rem;right: 1.26rem;}
.lunboBoxHeart{width: 3.52rem;height: 5.08rem;position: absolute;top: 1.02rem;right: 1.46rem;}
.heart_bg{width: 7rem;height: 2.71rem;position: absolute;left: 0.25rem;top: 1.74rem;z-index: 15;}
.finger1{width: 2.43rem;height: 3.07rem;position: absolute;left: 1.18rem;bottom: 0.9rem;z-index: 15;transform:translate3d(0,0,0)}
.finger3{width: 2.78rem;height: 3.42rem;position: absolute;left: 1.12rem;bottom: 0.58rem;z-index: 15;transform:translate3d(0,0,0)}
.finger4{width: 2.78rem;height: 3.42rem;position: absolute;left: 2.9rem;bottom: 0.4rem;z-index: 15;transform:translate3d(0,0,0)}
.pic_sleep{width: 1.65rem;height: 5.23rem;position: absolute;left: 2.4rem;top: 1.5rem;}
.finger2{width: 2.43rem;height: 3.07rem;position: absolute;left: 1.3rem;bottom: -0.14rem;}
.sleep_arrow{width: 1.17rem;height: 0.72rem;position: absolute;left: 3.7rem;bottom: 2rem;}
.phoneBox2{width: 5.25rem;height: 6.36rem;position: absolute;top: 0.4rem;right: 0.34rem;}
.pic_phone_bg{width: 100%;height: 100%;}
.lunboBox1{width: 4rem;height: 4.38rem;position: absolute;left: 0.32rem;top: 0.8rem;}
.lunboBox1 .lunbo_pic1{width: 100%;height: 100%;}
.phoneBox3{width: 5.25rem;height: 6.36rem;position: absolute;top: 0.4rem;left: 0.72rem;}
.lunboBox2{width: 4rem;height: 4.38rem;position: absolute;left: 0.92rem;top: 0.84rem;}
.lunboBox2 .lunbo_pic1{width: 100%;height: 100%;}
.sport_pic{width: 0.61rem;height: 0.65rem;position: absolute;right: 0.78rem;bottom: 0.32rem;z-index: 5;}
























